CSF (Storybook)

Component Story Format

2つの要素

code:ts

import type { Meta, StoryObj } from '@storybook/your-framework';

import { Button } from './Button';

const meta = {

component: Button,

} satisfies Meta<typeof Button>; // satisfiesで型付け

export default meta; // metaはdefault export

type Story = StoryObj<typeof meta>;

export const Basic = {} satisfies Story;

export const Primary = {

args: {

primary: true,

},

} satisfies Story;